@charset "utf-8";
/* CSS Template 
 * @author Bayu Prawira
*/

@import url("form.css");

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

* {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5 {
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	font-weight: normal;
}

h1, h2 {
	font-weight:bold;
	font-size: 16px;
	margin:2px 0px 0px;
	padding:2px 0px;
}

h3 {
	font-size: 14px;
	margin:0 0 10px;
}

img {
	border-radius:6px;
}

#wrap {
	width: 1000px;
	margin:0 auto;
	height:100%;
}

#header {
	min-height:100px;
	background:#CCCCCC;
	margin-bottom:10px;
}

#container {
	min-height:500px;
}

#content-left {
	width:230px;
	float:left;
	margin-right:10px;
	background:#CCCCCC;
	padding:10px;
}

#content-right {
	min-height:500px;
	width:720px;
	float:left;
	background:#CCCCCC;
	padding:10px;
}

#content-right .list-hotel {
	width:708px;
	min-height:100px;
	border:solid 1px #666666;
	background:#FFFFFF;
	margin-bottom:10px;
	padding:5px;
}

#content-right .list-hotel .list-hotel-img {
	width:200px;
	float:left;
	margin-right:10px;
}

#content-right .list-hotel .list-hotel-description {
	width:492px;
	float:left;
}

#content-right .list-hotel .list-hotel-description .list-hotel-rate {
	float:left;
}

#content-right .list-hotel .list-hotel-description .view-button {
	float:right;
}

#content-right #hotel-detail .hotel-detail-img {
	width:290px;
	float:left;
	text-align:center;
	margin-right:10px;
}

#content-right #hotel-detail .hotel-detail-img img {
	width:290px;
}

#content-right #hotel-detail .hotel-detail-gallery {
	width:400px;
	float:left;
}

.quad-content, .double-content {
	width:100%;
	margin:10px 0 0;
	border:1px solid #999999;
}

.double-content {
	width:353px;
	float:left;
	height:400px;
	overflow:hidden;
}

.quad-content h4, .double-content h4 {
	font-size:14px;
	padding:10px;
	background:#999999;
}

.quad-content td {
	padding:5px 10px;
}

.quad-content p, .quad-content div, .double-content p {
	padding:10px;
}

.quad-content ul, .double-content ul{
	margin:0 0 0 20px;
}

.quad-content ul li, .double-content ul li {
	margin:0 0 0 10px;
}

.quad-content h5 {
	float:left;
	margin:5px 10px;
	width:200px;
	font:inherit;
	padding-left:20px;
	background:url(images/check.png) no-repeat left;
}

#footer {
	min-height:100px;
	background:#CCCCCC;
	margin-top:10px;
}

#hotel-map {
	width:353px;
	height:400px;
}

.clear, .clear5, .clear10 {
	clear:both;
	padding:0 !important;
	margin:0 !important;
}

.clear5 {
	height:5px;
}

.clear10 {
	height:10px;
}

.line {
	border-top:1px solid #999999;
	height:10px;
}